<template>
  <div class="container">
    <topTitle :titleText="titleText"></topTitle>
    <div class="mainCon noTitleExplain">
      <el-form
        :model="formData"
        label-width="100px"
        :rules="formRules"
        ref="formData"
        class="form"
      >
        <el-row class="row-padding-bottom">
          <el-col :span="24" class="col-position">
            <el-form-item label="bankCode :">
              <el-input
                v-model.trim="formData.bankCode"
                placeholder="请输入"
                class="proInputWidth"
                clearable
                filterable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24" class="col-position">
            <el-form-item label="method:">
              <el-input
                v-model.trim="formData.method"
                placeholder="请输入"
                class="proInputWidth"
                clearable
                filterable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24" class="col-position">
            <el-form-item label="account:">
              <el-input
                v-model.trim="formData.data.account"
                placeholder="请输入"
                class="proInputWidth"
                clearable
                filterable
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24" class="col-position">
            <el-form-item label="data:" class="row-padding-bottom">
              <el-date-picker
                v-model="date"
                type="daterange"
                :picker-options="pickerOptions"
                unlink-panels
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyy-MM-dd"
              ></el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row style="text-align: center; margin-top: 5px">
          <el-col :span="20">
            <el-form-item>
              <el-button class="commonBut saveBtn" type="primary"
                >查 询</el-button
              >
              <!-- <el-button  class="commonBut">取 消</el-button> -->
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="resultSty">123</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'bankingTestTwo',
  data() {
    return {
      titleText: '银行业务测试',
      formData: {
        bankCode: '',
        method: '',
        data: {
          account: '',
          start: '',
          end: '',
        },
      },
      date: '',
    }
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {},
}
</script>
<style scoped lang="less">
.resultSty {
  background: #f5f7fb;
  font-size: 14px;
  padding: 24px;
  border-radius: 5px;
}
.mainCon {
  top: 198px;
}
.proInputWidth {
  width: 500px;
}
</style>
